<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单练习</title>
		<link rel="stylesheet" 
			  href="css/bootstrap.min.css"/>
	</head>
	<style type="text/css">
		.container{
			width: 280px;
		}
	</style>
	<body>
		<div class="container">
			<h3>学生信息管理系统mis</h3>
			<div class="form-group">
				<label for="name">
					姓名：
				</label>
				<input 
					type="text" 
					name="name" 
					id="name"
					class="form-control"
					placeholder="请输入姓名"/>
			</div>
			<div class="form-group">
				<label for="age">
					年龄：
				</label>
				<input 
					type="number" 
					name="age" 
					id="age"
					class="form-control"
					placeholder="请输入年龄"/>	
			</div>
			<div class="form-group">
				<label for="sex">
					性别：
				</label>   
				<div>
					<input 
						type="radio"
						name="sex" 
						id="sex"
						checked="checked"/>男
					<input 
						type="radio"
						name="sex" 
						id="sex"/>女	
				</div>
			</div>
			<div class="form-group">
				<label>
					爱好：<br/>
				</label>
				<div>
					<input 
						type="checkbox"
						name="hobby"
						id="hobby"/>乒乓球
					<input 
						type="checkbox"
						name="hobby"
						id="hobby"/>爬山
					<input 
						type="checkbox"
						name="hobby"
						id="hobby"/>唱歌
				</div>
			</div>
			<div class="form-group">
				<label>
					学历：<br/>
				</label>
				<div class="form-group">
					<select 
						class="form-control input-lg"
						name="edu" 
						id="edu">
						<option value="1">
							幼儿园
						</option>
						<option value="2">
							小学
						</option>
						<option value="3">
							初中
						</option>
						<option value="4">
							高中
						</option>
						<option value="5">
							大专
						</option>
						<option value="6">
							本科
						</option>
						<option value="7">
							研究生
						</option>
						<option value="8">
							博士生
						</option>
					</select>
				</div>
			</div>
			<div class="form-group">
				<button 
					name="submit" 
					id="submit" 
					class="btn btn-primary"
					value="保存">
					保存
				</button>
				<button 
					name="clear" 
					id="clear" 
					class="btn btn-danger"
					value="取消">
					取消
				</button>
			</div>
		</div>
	</body>
</html>
